<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>快速创建地球</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<script type="text/javascript" src="../assets/plugins/include-lib.js" include="jquery,bootstrap,admin-lte,haoutil,jquery.scrollTo,ace,lazyload"
		 libpath="../assets/plugins/"></script>
		<link rel="stylesheet" href="../assets/plugins/bootstrap/bootstrap-checkbox/awesome-bootstrap-checkbox.css"
		 type="text/css" />
		
		<link rel="stylesheet" href="../../../build/Cesium/Widgets/widgets.css" type="text/css" />
		<link rel="stylesheet" href="../../../build/CEarth/CEarth.css" />
		<link rel="stylesheet" href="../assets/css/CEarth-Example.css" type="text/css" />		

	</head>
	<body>
		<div id="CEarthContainer" class="CEarth-container"></div>

		<script src="../../../build/Cesium/Cesium.js"></script>
		<script src="../../../build/CEarth/CEarth.js"></script>
		<script>
			//创建三维地球场景 
			var viewer = new CEarth.App('CEarthContainer', {
				scene: {
					center: {
						x: 102.833722,
						y: 24.881539,
						z: 50000,
						heading: 0,
						pitch: -90
					},
					showSun: true,
					showMoon: true,
					showSkyBox: true,
					showSkyAtmosphere: false,
					fog: true,
					fxaa: true,
					globe: {
						show: true,
						showGroundAtmosphere: false,
						depthTestAgainstTerrain: false,
						baseColor: '#546a53',
					},
					cameraController: {
						zoomFactor: 3.0,
						minimumZoomDistance: 1,
						maximumZoomDistance: 50000000,
						enableRotate: true,
						enableZoom: true,
					},
				},
				control: {
					baseLayerPicker: true, //basemaps底图切换按钮
					homeButton: true, //视角复位按钮
					sceneModePicker: true, //二三维切换按钮
					navigationHelpButton: true, //帮助按钮
					navigationInstructionsInitiallyVisible:false,
					fullscreenButton: true, //全屏按钮
					timeline: false, //时间轴
					animation: false, //动画部件
				},
				terrainViewModels: [{
						name: '无地形',
						iconUrl: Cesium.buildModuleUrl('Widgets/Images/TerrainProviders/Ellipsoid.png'),
						tooltip: 'WGS84标准椭球，即 EPSG:4326',
						category: '',
						params: {
							type: 'none',
						}
					},
					{
						name: '地形服务【xyz】',
						iconUrl: Cesium.buildModuleUrl('Widgets/Images/TerrainProviders/CesiumWorldTerrain.png'),
						tooltip: 'arcgis官方提供的高分辨率全球地形',
						category: '',
						params: {
							type: 'xyz',
							url: 'http://data.marsgis.cn/terrain',
						}
					}
				],
				imageryViewModels: [{
						name: '百度电子',
						iconUrl: '../assets/img/gaode_vec.png',
						tooltip: '百度电子',
						type:'baidu',
						layer:'vec',
						show: true,
					},{
					  name: '百度影像',
					  iconUrl: '../assets/img/gaode_img.png',
					  tooltip: '百度影像',
					  type: 'group',
					  layers: [
						{ name: '底图', type: 'baidu', layer: 'img_d' },
						{ name: '注记', type: 'baidu', layer: 'img_z' },
					  ],
					},{
						name: '百度深蓝色',
						iconUrl: '../assets/img/bd-c-midnight.png',
						tooltip: '百度深蓝色',
						type: 'baidu',
						layer: 'custom',
						style: 'midnight',
					},
					{
					  name: '百度黑色',
					  iconUrl: '../assets/img/bd-c-dark.png',
					  tooltip: '百度黑色',
					  type: 'baidu',
					  layer: 'custom',
					  style: 'dark',
					},
					{
					  name: '离线百度瓦片(示例)',
					  iconUrl: '../assets/img/arcgis.png',
					  tooltip: '离线百度瓦片(示例)',
					  type: 'baidu',
					  url: 'http://data.mars3d.cn/tile/baiduVec/{z}/{x}/{y}.jpg',
					  maximumLevel: 12,
					},
				]
			});
			//Custom 各种自定义样式-style:dark,midnight,grayscale,hardedge,light,redalert,googlelite,grassgreen,pink,darkgreen,bluish
		</script>
	</body>
</html>
